<%@ page contentType="text/html;charset=utf-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>便民服务平台3.0</title>
    <link rel="stylesheet" href="<c:url value='/resource/css/bootstrap.css'/>">
    <link rel="stylesheet" href="<c:url value='/resource/css/darktooltip.css'/>">
    <link rel="stylesheet" href="<c:url value='/resource/css/animate.min.css'/>">
    <link rel="stylesheet" href="<c:url value='/resource/css/style.css'/>">


</head>

<body>
<jsp:include page="../include/header.jsp"/>

<div class="main-container">
    <div class="mc-hd">
        <p class="app-t">queryCenter</p>
        <h1 class="app-h1">专注高端”互联网+政务”设计</h1>
        <div class="type-wrap">
            <h2 class="typedH2">慧眼看世界，在政务服务的路上不断追求创新！</h2>
        </div>
    </div>
    <div class="mc-bd">

        <div class="container">
            <ol class="breadcrumb">
                <li><a href="<c:url value="/interacts"></c:url>">应用中心</a></li>
                <li class="active">实时路况</li>
            </ol>
            <div class="row">

                <link href="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.css" rel="stylesheet" type="text/css" />
                <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=iqi4mNjkZQxOma6DStdu7021"></script>
                <script type="text/javascript" src="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>

                <style type="text/css">
                    #allmap {
                        width: 1140px;
                        height: 500px;
                        overflow: hidden;
                        margin: 0;
                        font-family: "微软雅黑";
                        margin-bottom:20px;
                    }
                </style>

                <div id="allmap" style="margin-left:15px"></div>

                <script type="text/javascript">
                    // 百度地图API功能
                    var map = new BMap.Map("allmap");
                    //map.centerAndZoom(new BMap.Point(125.306024, 43.872959), 12);
                    map.centerAndZoom("哈尔滨市", 12);
                    var ctrl = new BMapLib.TrafficControl({
                        showPanel: false //是否显示路况提示面板
                    });
                    map.addControl(ctrl);
                    ctrl.setAnchor(BMAP_ANCHOR_TOP_RIGHT);
                    map.enableScrollWheelZoom();    //启用滚轮放大缩小，默认禁用
                    map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用
                    map.addControl(new BMap.NavigationControl());  //添加默认缩放平移控件
                    map.addControl(new BMap.OverviewMapControl()); //添加默认缩略地图控件

                    //var now = new Date();
                    //var nowDayOfWeek = now.getDay() + 1;//1~7
                    //var nowHour = now.getHours();//0~23
                    //ctrl.showTraffic({ predictDate: { hour: nowHour, weekday: nowDayOfWeek } });

                    document.getElementById("tcBtn").style.display = "none";//隐藏路况信息按钮
                    document.getElementById("tcBtn").click();//点击路况信息按钮，弹出实时路况div
                    document.getElementById("tcClose").style.display = "none";//隐藏实时路况div中的关闭按钮
                    document.getElementById("tcWrap").style.top = "10px";//调整实时路况div高度

                </script>
            </div>
        </div>

    </div>
</div>
<jsp:include page="../include/footer.jsp"/>
<script src="<c:url value='/resource/js/require.js'/>" data-main="<c:url value='/resource/js/main.js'/>"
        id="current-page" current-page="appCenter"></script>

</body>
</html>
